[]
        
(Showing Draft Content)

dashboard.VisualNS.ToolTipService

类: ToolTipService

dashboard.VisualNS.ToolTipService

Table of contents

构造方法

方法

构造方法

constructor

new ToolTipService()

方法

hide

hide(): void

隐藏工具提示。

返回值

void


move

move(pos): void

移动工具提示。

参数

名称 类型
pos IPosition

返回值

void

示例代码

//当鼠标在图表上移动时更新工具提示位置。
private mouseMoveHandler = (e: any) => {
	this.visualHost.toolTipService.move({
		x: d3.event.x,
		y: d3.event.y,
	});
}

show

show(config): void

显示工具提示。

参数

名称 类型 描述
config ITooltipConfig 工具提示配置。

返回值

void

示例代码

// 此函数将绑定到图表的鼠标事件,它将显示带有标题、字段、选择信息和菜单按钮的工具提示。
private mouseEnterHandler = (node: any) => {
	this.visualHost.toolTipService.show({
		position:{
			x: d3.event.x,
			y: d3.event.y,
		}, 
		title: node.data.color,
		fields: [{
			label: this.valueField,  
			value: node.data.value,
		}],
		selectionId: node.data.selectionId,
		selected:  this.selectionManager.getSelectionIds(),
 	menu: true,
	});
}